<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="../css/index6.css">
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/swiper.min.css">
	</head>

	<body>
		<div class="index6">
			<header class="header">
				<div class="left">
					本溪
				</div>
				<div class="center">
					<img src="../imgs/index6_06.jpg">
					<span>搜服务</span>
				</div>
				<div class="right">
					<img src="../imgs/index-tab-11.png" />
				</div>
			</header>

			<div class="tupian">
				<div class="swiper-container a">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="../imgs/index6_tab.jpg" /></div>
						<div class="swiper-slide"><img src="../imgs/index6_tab.jpg" /></div>
						<div class="swiper-slide"><img src="../imgs/index6_tab.jpg" /></div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>

					<!-- 如果需要导航按钮 
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>-->

					<!-- 如果需要滚动条
    <div class="swiper-scrollbar"></div> -->
				</div>
			</div>

			<nav>
				<ul>

				</ul>

			</nav>

			<div class="bg"></div>

			<div class="neirong">
				<div class="zuo">
					<div class="g">
						<img src="../imgs/index6_45.jpg" />
						<p>港澳台出行</p>
					</div>
				</div>
				<div class="you">
					<div class="top">
						<img src="../imgs/index6_42.jpg" />
						<span>我和Ta一个..</span>
					</div>
					<div class="xia">
						<div class="z">
							<img src="../imgs/index6_52.jpg">
							<span>吃遍本溪</span>
						</div>
						<div class="y">
							<img src="../imgs/index6_49.jpg">
							<span>服务超市</span>
						</div>
					</div>
				</div>
			</div>
			<footer>
				<div>
					<img src="../imgs/index-tab-11.png" />
					<p>服务中心</p>
				</div>
				<div class="wen">
					<img src="../imgs/index-tab-2.png" />
					<p>有问必答</p>
				</div>
				<div class="wo">
					<img src="../imgs/index-tab-3.png" />
					<p class="wo">我</p>
				</div>
			</footer>

		</div>

		
		<script src="../js/swiper.min.js"></script>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.a', {

				loop: true,

				// 如果需要分页器
				pagination: '.swiper-pagination',

				autoplay: '1000'
				/*,
				    
				    // 如果需要前进后退按钮
				    nextButton: '.swiper-button-next',
				    prevButton: '.swiper-button-prev',
				    
				    // 如果需要滚动条
				    scrollbar: '.swiper-scrollbar',*/
			})

			$.ajax({
				type: "get",
				url: "../json/index6.json",
				dataType:"json",
				success: function(data) {
					for(var i = 0; i < data.length; i++) {
						var p = $("<p>").html(data[i].wenzi);

						var span = $("<img>").attr("src", data[i].imgurl);
						var li = $("<li></li>");

						span.appendTo(li);
						p.appendTo(li)
						li.appendTo('nav ul')
					}
				}
			});

			$('.neirong .zuo').click(function() {
				location.href = "hang.html";
			});
			$('.xia .z').click(function() {
				location.href = "meisi.html";
			});
			$('.you .top').click(function() {
				location.href = "fuwu.html";
			});
			$('.xia .y').click(function() {
				location.href = "liebiaoye.html";
			});
			$(".center").on("click", function() {
				location.href = "sousuo1.html";
			});
			$('.wen').on('click', function() {
				location.href = "answer all the questions.html";
			});
			$('.wo').on('click', function() {
				location.href = "not log in.html";
			});
		</script>
	</body>

</html>